<style type="text/css">
    .COM {
        color: #000;
        font-size: 9pt;
        font-family: "Microsoft YaHei", "微软雅黑" !important;
        width: 170mm;
        height: auto;
        margin: 0 auto;
    }
    .COM .commission-container{
		width: 100%;
		height: auto;
		/*border: 1px solid #f3f3f3;*/
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 15px;
	}
	.COM .commission-block{
		font-size: 1.4em;
	    text-indent: 2em;
	    padding: 15px 0;
	    line-height: 1.4em;
	    letter-spacing: 2px;
	}
	.COM .commission-block span{
		text-decoration: underline;
		color: red;
	}
	.COM .commission-table table{
		border: 1px solid #000;
		width: 100%;
	}
	.COM .my-checkbox {
        display: inline-block;
        border: 1px solid #cacaca;
        position: relative;
        width: 1em;
        height: 1em;
        margin: 0 2px -2px 0;
    }
	.COM .my-checkbox svg {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        width: 0.9em;
        height: 1em;
    }

    .COM .my-checkbox svg path {
        stroke: #000000;
        stroke-width: 10px;
        stroke-linecap: round;
        stroke-linejoin: round;
        fill: none;
    }
</style>
<div class="commission-print" ng-show="false">
	<div class="commission-container">
		<input type="submit" class="print" value="打印">
		<div style="font-weight: bold;text-align: center;padding:15px 15px;font-size: 2em;">代办委托书</div>
	    <div class="commission-block">
	        现有购车人<span>{{receipt.customer}}</span>（以下简称“委托方”），

	        已在<span>{{receipt.sales_shop_full_name}}</span>（以下简称“受托方”），

	        购买<span>{{receipt.model}}{{receipt.version}}</span>的车辆（以下简称“车辆”），
	        车架号为<span>{{commission.vin}}</span>。
	        委托方已验收并确认该车辆完好无损，现委托受托方代办（需要代办项目在<input type="checkbox">打“√”，无需代办项目在<input type="checkbox">打“X”）：
	    </div>
	    <div class="commission-block commission-table">
	        <table>
	            <tbody>
	                <tr>
	                    <td>
	                    	<div><div class="my-checkbox">
		                        <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
		                            <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
		                                  style="stroke-dasharray: 126.37, 126.37;
		                                  stroke-dashoffset: 0;
		                                  transition: stroke-dashoffset 0.2s ease-in-out 0s;
		                                  {{commission.is_commission_purchase_tax == '1'?'':'display: none'}}">
		                            </path>
		                            <path d="M 10 10 L 90 90" style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{commission.is_commission_purchase_tax !== '1'?'':'display: none'}}"></path>
		                            <path d="M 90 10 L 10 90" style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0.2s;{{commission.is_commission_purchase_tax !== '1'?'':'display: none'}}"></path>
		                        </svg>
		                    </div>代办缴纳购置附加税</div>
	                    </td>
	                    <td>
	                        <div><div class="my-checkbox">
		                        <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
		                            <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
		                                  style="stroke-dasharray: 126.37, 126.37;
		                                  stroke-dashoffset: 0;
		                                  transition: stroke-dashoffset 0.2s ease-in-out 0s;
		                                  {{commission.is_commission_decoration == '1'?'':'display: none'}}">
		                            </path>
		                            <path d="M 10 10 L 90 90" style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{commission.is_commission_decoration !== '1'?'':'display: none'}}"></path>
		                            <path d="M 90 10 L 10 90" style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0.2s;{{commission.is_commission_decoration !== '1'?'':'display: none'}}"></path>
		                        </svg>
		                    </div>代办装潢</div>
	                    </td>
	                </tr>
	                <tr>
	                    <td>
	                    	<div><div class="my-checkbox">
		                        <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
		                            <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
		                                  style="stroke-dasharray: 126.37, 126.37;
		                                  stroke-dashoffset: 0;
		                                  transition: stroke-dashoffset 0.2s ease-in-out 0s;
		                                  {{commission.is_commission_licence_service == '1'?'':'display: none'}}">
		                            </path>
		                            <path d="M 10 10 L 90 90" style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{commission.is_commission_licence_service !== '1'?'':'display: none'}}"></path>
		                            <path d="M 90 10 L 10 90" style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0.2s;{{commission.is_commission_licence_service !== '1'?'':'display: none'}}"></path>
		                        </svg>
		                    </div>代办上牌</div>
	                    </td>
	                    <td>
	                        <div><div class="my-checkbox">
		                        <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
		                            <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
		                                  style="stroke-dasharray: 126.37, 126.37;
		                                  stroke-dashoffset: 0;
		                                  transition: stroke-dashoffset 0.2s ease-in-out 0s;
		                                  {{commission.is_commission_drive == '1'?'':'display: none'}}">
		                            </path>
		                            <path d="M 10 10 L 90 90" style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{commission.is_commission_drive !== '1'?'':'display: none'}}"></path>
		                            <path d="M 90 10 L 10 90" style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0.2s;{{commission.is_commission_drive !== '1'?'':'display: none'}}"></path>
		                        </svg>
		                    </div>代驾驶车辆</div>
	                    </td>
	                </tr>
	                <tr>
	                    <td>
	                        <div><div class="my-checkbox">
		                        <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
		                            <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
		                                  style="stroke-dasharray: 126.37, 126.37;
		                                  stroke-dashoffset: 0;
		                                  transition: stroke-dashoffset 0.2s ease-in-out 0s;
		                                  {{commission.is_commission_other == '1'?'':'display: none'}}">
		                            </path>
		                            <path d="M 10 10 L 90 90" style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{commission.is_commission_other !== '1'?'':'display: none'}}"></path>
		                            <path d="M 90 10 L 10 90" style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0.2s;{{commission.is_commission_other !== '1'?'':'display: none'}}"></path>
		                        </svg>
		                    </div>其他代办</div>
	                    </td>
	                    <td>
	                        <div><div class="my-checkbox">
		                        <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
		                            <path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16"
		                                  style="stroke-dasharray: 126.37, 126.37;
		                                  stroke-dashoffset: 0;
		                                  transition: stroke-dashoffset 0.2s ease-in-out 0s;
		                                  {{commission.is_commission_none == '1'?'':'display: none'}}">
		                            </path>
		                            <path d="M 10 10 L 90 90" style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0s;{{commission.is_commission_none !== '1'?'':'display: none'}}"></path>
		                            <path d="M 90 10 L 10 90" style="stroke-dasharray: 126.37, 126.37; stroke-dashoffset: 0; transition: stroke-dashoffset 0.2s ease-in-out 0.2s;{{commission.is_commission_none !== '1'?'':'display: none'}}"></path>
		                        </svg>
		                    </div>无需代办并签名</div>
	                    </td>
	                </tr>
	            </tbody>
	        </table>
	    </div>
	    <div class="commission-block">
	        委托方声明：受托代办事项期间，如因委托方或第三方原因造成车辆损坏的，委托方免除受托方的任何责任，但受托方应协助委托方将车辆修理好，修理费用由委托方或第三方全额承担；如因受托方原因造成车辆损坏的，受托方承担车辆修理义务，修理费用由受托方全额承担；不可抗力事由除外。
	    </div>
	    <div class="commission-block" style="text-indent: 0;">
	        <div style="font-weight: bold;text-align: center;font-size: 1.2em;padding-bottom: 20px;">双方已认真阅读并同意本委托书所述之内容，并签名确认。</div>
	        <div style="display: flex;padding: 15px 0;">
	            <div style="width: 50%;">委托方签名：________________</div>
	            <div style="width: 50%;">日期：__________________</div>
	        </div>
	        <div style="display: flex;padding: 15px 0;">
	            <div style="width: 50%;">受托方销售顾问：________________</div>
	            <div style="width: 50%;">日期：__________________</div>
	        </div>
	        <div style="display: flex;padding: 15px 0;">
	            <div style="width: 50%;">销售经理核准：________________</div>
	            <div style="width: 50%;">日期：__________________</div>
	        </div>
	    </div>
	    <div class="commission-block" style="text-indent: 0;font-weight: bold;text-align: center;font-size: 1.8em;">
	        备注：填写完整，涂改无效
	    </div>
	</div>
</div>